<template>
  <div class="dataSearch">
    <el-tabs v-model="currentTab">
      <el-tab-pane>
        <span slot="label"><i class="el-icon-message"></i> 数据看板</span>
        <kanban />
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label"><i class="el-icon-date"></i> 数据查看</span>
        <DataView @backup="currentTab = '0'"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DataView from "./DataView.vue";
import kanban from "./kanban";
export default {
  name: "dataSearch",
  components: {
    kanban,
    DataView,
  },
  data() {
    return {
      currentTab: "0"
    }
  },
};
</script>

<style scoped lang="scss">
.dataSearch {
  margin: 0 50px 60px;
  background: #fff;
  padding: 0 24px;
  ::v-deep {
    .el-tabs {
      border: none;
      box-shadow: none;
    }
    .el-tabs--border-card > .el-tabs__header {
      background: none;
    }
    .el-tabs__content {
      min-height: calc(100vh - 211px);
    }
    .el-tabs__header {
      margin-bottom: 0;
    }
  }
}
</style>